<script setup lang="ts">
import { RouterLink, RouterView } from 'vue-router'
import HelloWorld from './components/HelloWorld.vue'
</script>

<template>
  <header>

    <div class="wrapper">

      <nav>
        <RouterLink to="/">Home</RouterLink>
        <RouterLink to="/about">About</RouterLink>
        <RouterLink to="/AddTypeView">AddTypeView</RouterLink>
        <RouterLink to="/ShowTypeView">ShowTypeView</RouterLink>
        <RouterLink to="/UpdeteType">UpdeteType</RouterLink>
        <RouterLink to="/AddUserView">AddUserView</RouterLink>
        <RouterLink to="/ShowUserView">ShowUserView</RouterLink>
        <RouterLink to="/ShowHouseView">ShowHouseView</RouterLink>
        <RouterLink to="/AddHouseView">AddHouseView</RouterLink>
        <RouterLink to="/LoginView">LoginView</RouterLink>
        <RouterLink to="/FromView">FromView</RouterLink>
      </nav>
    </div>
  </header>

  <RouterView />
</template>

<style scoped>
a {
  margin: 0 10px
}
</style>
